/**
 * This file provides styles for the diff view, which shows you
 * differences between two versions of a page (?do=diff).
 */

.changes {
    ul {
        padding-left: 0;
        list-style: none;
        border-bottom: 1px solid @ini_border;
    }

    .li {
        padding: 9px 0;
        border-top: 1px solid @ini_border;
        clear: both;
        overflow: hidden;

        .date {
            display: inline-block;
            padding-right: 2rem;
        }
        .sizechange {
            float: right;
            padding: 2px;
            font-size: 12px;
            border-radius: 4px;
        }
        .positive {
            color: #1B5E20;
            background-color: #E6FFED;
        }
        .negative {
            color: #BF360C;
            background-color: #FFEEF0;
        }
        .diff_link {
            margin-right: 5px;
        }
        .user {
            float: left;
            width: 20%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            word-break: break-all;
        }
        .icon {
            margin-right: .3125rem;
        }
    }

    .li:hover {
        background-color: @ini_background_alt;
    }
}

.diffoptions {
    padding: 1rem 0;
    border-top: 1px solid @ini_border;

    p {
        float: right;
        margin: 0 !important;
    }
}


.diffnav {
    width: 50%;
    padding-bottom: 1rem;
    border-bottom: 1px solid @ini_border;

    a {
        display: inline-block;
        line-height: 20px;
        padding: 7px 15px;
        min-width: 36px;
        min-height: 36px;
        vertical-align: middle;
        border: 1px solid @ini_border;
        border-radius: 6px;
        color: @ini_text;
    
        span {
            display: none;
        }
    
        &.diffbothprevrev {
            background: #fff url("") center center no-repeat;
        }
        &.diffprevrev {
            background: #fff url("") center center no-repeat;
        }
        &.diffnextrev {
            background: #fff url("") center center no-repeat;
        }
        &.diffbothnextrev {
            background: #fff url("") center center no-repeat;
        }
        &.difflastrev {
            background: #fff url("") center center no-repeat;
        }
    }
}

.diff {
    .diff-lineheader {
        font-size: 18px;
        text-align: right;
        vertical-align: top;
    }
    .diff-deletedline {
        background-color: #FFEEF0;

        strong {
            font-weight: normal;
            background-color: #FDB8C0;
        }
    }
    .diff-addedline {
        background-color: #E6FFED;

        strong {
            font-weight: normal;
            background-color: #ACF2BD;
        }
    }

    bdi {
        display: inline-block;
        margin-top: 1rem;
    }

    .diff-blockheader {
        padding: 5px 0;
        border-bottom: 1px dashed @ini_border;
    }

    .diff-context {
        background-color: @ini_background_alt;
        color: inherit;
    }
}